<template>
  <div>
    <Navbar></Navbar>
    <div id="ri">
      <div id="riji">
        <h1>欢迎来到日记:-)</h1>
        <p>记录心情 ， 见解以及生活点滴 ； 向世界吐露你的小心思</p>
      </div>
      <div id="label">
        <div id="label1">
          <a>很多年前，曾经来过这里；很多年后，这里还是那个安静的角落。物是人非？</a>
        </div>
        <div id="label2">
          <img src="../assets/5.jpg" alt="">
          <span>3周前</span>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
  import Navbar from "../components/Navbar.vue"
  export default {
    components: { Navbar },

  }

</script>

<style scoped>
  #riji {
    padding: 10px;
    background-color: #eeeeee;
  }

  #ri {
    padding: 10px;
  }

  h1 {
    font-size: 20px;
  }

  p {
    font-size: 14px
  }

  img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
  }

  #label {
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
  }
  #label1{
    padding-right: 10px;
    font-size: 15px;
  }
  #label2{
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 8px;
    color: #bbb
  }
</style>